<template>
  <div class="crumb">
    <span v-for="(item, index) in nav">
      <span :style="{ color: index == nav.length - 1 ? '#333' : '#999' }">{{
        item.name
      }}</span>
      <!-- 不等于最后一项  就展示 -->
      <i v-show="index != nav.length - 1">/</i>
    </span>
  </div>
</template>

<script>
export default {
  props: ["nav"],
  data() {
    return {};
  },
};
</script>
 
<style lang = "less" scoped>
.crumb {
  margin-bottom: 15px;
  i {
    margin: 0 10px;
  }
}
</style>